<template>
  <el-container>
    <!-- 头部 -->
    <el-header>
      <div class="grid-content bg-purple-dark">
        <header>用户管理</header>
      </div>
    </el-header>
  </el-container>
</template>
  
  <script>
export default {};
</script>
  
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style lang="scss" scoped>
/* 头部代码 */
.bg-purple-dark {
  background: #99a9bf;
}
.grid-content {
  border-radius: 4px;
  min-height: 90px;
  top: 0px;
}
.el-header {
  height: 90px !important; //我吐了
  bottom: 0px;
  padding: 0px;
  margin: 0px;
}
header {
  color: rgba($color: #000000, $alpha: 1);
  vertical-align: middle;
  text-align: center;
  line-height: 90px;
  font-size: 28px;
  letter-spacing: 13px;
}
</style>